$border_color: #ccc;
$text_color: #666;
$red_color: #f24450;
%br{
  border-radius: 12px;
}
	.storeInfo{
  		width: 200px;
  		border: 1px solid $border_color;
  		.title{
  			width: 198px;
  			height: 40px;
  			padding-top: 10px;
  			overflow: hidden;
  			background: -webkit-linear-gradient(top,#cd2b2d,#cd4b2a) ;
  			.titleContent{
  				width: 156px;
  				margin: 0px auto;
          cursor: pointer;
  				.slider{
      				float: left;
      				width: 28px;
      				height: 1px;
    			    margin-top: 12px;
      				background-color: #fff;
      			}
      			.name{
      				float: left;
      				width: 100px;
      				padding: 0px 10px;
      				text-align: center;
      				color: #fff;
      				font-size: 20px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
      			}
  			}
  		}
  		.storeContent{
  			width: 198px;
  			padding: 0px 10px;
  			.storeName{
  				height: 56px;
  				line-height: 56px;
  				font-size: 16px;
  				text-align: center;
  				overflow: hidden;
  				text-overflow: ellipsis;
  				white-space: nowrap ;
  				border-bottom: 1px solid $border_color;
          cursor: pointer;
  			}
  			.eval{
  				padding: 16px 0px;
  				text-align: center;
  				overflow: hidden;
  				border-bottom: 1px solid $border_color;
  				dl{
  					float: left;
  					width: 33.33%;
  					border-right: 1px solid $border_color;
  					dt{
  						font-size: 14px;
      					color: $text_color;
      					margin-bottom: 14px;
      				}
      				dd{
      					font-size: 16px;
      					color: $red_color;
      				}
  				}
  				dl:last-child{
  					border-right: none;
  				}
  			}
  			.online{
  				padding: 8px 0px 16px;
  				text-align: center;
  				border-bottom: 1px solid $border_color;
  				dt{
  					height: 40px;
  					line-height: 40px;
  				}
  				dd{
  					line-height: 24px;
            cursor: pointer;
            img{
              vertical-align: -2px;
            }
  				}
          .qqkf,.wxkf{
            width: 80px;
            height: 24px;
            margin: 0px auto 10px; 
          }
          .qqkf{
            background-color: #38b8fc;
            color: #fff;
            @extend %br;
          }
          .wxkf{
            background-color: #fff;
            border: 1px solid #38b8fc;
            color: #38b8fc;
            @extend %br;
          }
  			}
  			.collectBtn{
  				margin: 12px 0px 10px; 
  				text-align: center;
  				.el-button{
  					border: 1px solid $red_color;
  					padding: 6px;
  				}
  				.isView{
  					color: #666;
  				}
  			}
  		}
  		
  	} 